/**
 * 颜色
 */

// 主题色
$ui-main-color: #896a33; // 一级主题色
$ui-main-color-1: #9a703f; // 二级主题色
$ui-main-color-2: #b08f66; // 三级主题色
$ui-main-color-d2: #D2A967;
$ui-main-color-3: #EADCC2;
$ui-main-color-4: #8A6A33;
$ui-main-color-5:#8E703B;
$disabled-color: #E8D4B3;  // 禁用颜色

// 价格主题色
$ui-price-color: #EB5838;
$ui-coupon-price: #EA3A2E;

$mainlist: (
	"main-89": $ui-main-color,
	"main-9a": $ui-main-color-1,
	"main-b0": $ui-main-color-2,
	"main-ea": $ui-main-color-3,
	"main-8a": $ui-main-color-4,
	"main-8e": $ui-main-color-5,
	"price-EB": $ui-price-color,
	"price-EA": $ui-coupon-price,
	"disabled": $disabled-color,
	"main-d2": $ui-main-color-d2,
);

/**
 * 主题色
 * 使用示例：
 * 颜色：color-00
 * 背景色：bg-00
 */
@each $color, $value in $mainlist {
	.color-#{$color} {
		color: $value !important;
	}
	.bg-#{$color} {
		background-color: $value !important;;
	}
}

// 文本色
$ui-text: #ffffff;

.color-white {
	color: white;
}
.color-black {
	color: #000;
}


$ui-text-00: #000000;
$ui-text-26: #262626;
$ui-text-32: #323232;
$ui-text-33: #333333;
$ui-text-37: #373737;
$ui-text-65: #652c12;
$ui-text-66: #666666;
$ui-text-7A: #7a7a7a;
$ui-text-80: #808080;
$ui-text-81: #818181;
$ui-text-83: #838383;
$ui-text-99: #999999;
$ui-text-dd: #dddddd;
$ui-text-c4: #c4c4c4;
$ui-text-cc: #cccccc;
$ui-text-ee: #EEEEEE;
$ui-text-ed: #EDEDED;
$ui-text-f5: #F5F5F5;
$ui-text-f7: #F7F3E9;
$ui-text-f7f7: #F7F7F7;
$ui-text-f8: #F8F8F8;
$ui-text-f9: #F9F9F9;
$ui-text-f0: #FF0000;

$normallist: (
	"00": $ui-text-00,
	"26": $ui-text-26,
	"32": $ui-text-32,
	"33": $ui-text-33,
	"37": $ui-text-37,
	"65": $ui-text-65,
	"66": $ui-text-66,
	"7A": $ui-text-7A,
	"80": $ui-text-80,
	"81": $ui-text-81,
	"83": $ui-text-83,
	"99": $ui-text-99,
	"dd": $ui-text-dd,
	"c4": $ui-text-c4,
	"cc": $ui-text-cc,
	'ed': $ui-text-ed,
	"ee": $ui-text-ee,
	"f5": $ui-text-f5,
	"f7": $ui-text-f7,
	"F7": $ui-text-f7f7,
	"f8": $ui-text-f8,
	"f9": $ui-text-f9,
	"f0": $ui-text-f0
);

/**
 * 普通常用色
 * 使用示例：
 * 颜色：text-00
 * 背景色：bg-00
 */
@each $color, $value in $normallist {
	.color-#{$color} {
		color: $value;
	}
	.bg-#{$color} {
		background-color: $value !important;;
	}
}
